<?php if (!defined('THINK_PATH')) exit();?>﻿
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>普拉斯在线商城</title>
     <link rel="icon" href="/Public/Uploads/tou.png" mce_href="/Public/Uploads/tou.png" type="image/x-icon" />
    <link rel="stylesheet" href="https://store.res.meizu.com//layout/css/layout-f37b367275.css" />
    <link rel="stylesheet" href="/Public/shop/assets/css/amazeui.css"/>

    <link href="/Public/shop/css/index.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/Public/shop/css/swiper.min.css">
    <script src="/Public/shop/js/jquery-1.4.2.min.js"></script>
    <script src="/Public/shop/js/swiper.min.js"></script>
    <style>
         .meizu-header-user-dropdown {
            display: block;
            position: absolute;
            right: 0;
            z-index: 1;
            width: 98px;
            background-color: #fff;
            top: 64px;
            left: 50%;
            border-radius: 2px;
            box-sizing: border-box;
            text-align: center;
            padding: 15px 0;
            margin-left: -48px;
            box-shadow: 0 0 5px rgba(0,0,0,.1);
             display: none;
        }

        .meizu-header-user-dropdown:after {
            display: block;
            content: '';
            width: 0;
            height: 0;
            border: 10px solid;
            border-color: transparent transparent #fff;
            left: 40px;
            top: -15px;
            position: absolute
        }
         .meizu-header-user-dropdown li{
             font-size: 12px;
             display: block;
             margin: 15px auto
         }
         .meizu-header-user-dropdown li:first-child{margin-top: 0;}
         .meizu-header-user-dropdown li:last-child{margin-bottom: 0;}
         .meizu-header-user-dropdown li a{
             position: relative;
             z-index: 4;
             color: #515151;
         }
         .meizu-header-user-dropdown li a:hover{ color:#31a5e7;}
        #layoutHeaderUser:hover .meizu-header-user-dropdown{ display: block;}
         .home-settlement{transition: height 1s ease-in-out,top 1.5s ease-in-out,opacity 1.5s linear;z-index: 100 }
         .ul2{
            width: 100%;
            height: 50px;
            border:1px solid #eee;
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 100;
            background-color:white;
            z-index: 50;
         }
         .li3{
               float: left;
    
    color: black;
    margin-left: 64px;
    padding-top: 7px;
         }
         .btn{
            background-color: #1ac9f7;
            padding: 5px 10px;
            color: white;
         }
         .ul2 span{
float: left;
float: left;
    margin-right: 20px;
    display: inline-block;
    color: black;

         }
         .active3{
border-bottom: 1px solid #1ac9f7;
         }
         #all:hover{
                 
         }
            .home-category .home-category-child {
    display: none;
    position: absolute;
    height: 468px;
    left: 244px;
    top: 0;
    background-color: #fff;
    white-space: nowrap;
    font-size: 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}
    </style>
</head>

<body>
<!-- common header -->
<!--小广告-->
<?php if($show == 1): ?><ul class="ul2">
<li class="li3 active3"><a href="3">商品详情</a></li>
<li class="li3"><a href="3">规格参数</a></li>
<li class="li3"><a href="3">常见问题</a></li>

<div style="clear:both;float:right;margin-right: 20px;margin-top: -20px;"></div>
<div style="float:right;margin-right: 20px;color: red;margin-top: -20px;"><span style="color: red" id="headclass">￥<?php echo ($proInfo["scjiage"]); ?></span><button class="btn" id="btn">立即购买</button></div>
<br/>
</ul><?php endif; ?>


<script>
$(".li3").click(function(){
    $(this).addClass("active3").siblings().removeClass("active3");
})
</script>
<div class="home-settlement" id="homeSettlement">
    <div >
        <img src="<?php echo ($couAdv['img_url']); ?>" alt=" " class="home-settlement-img" >
        <a href="javascript:;"onClick="$(this).parent().hide();" class="home-settlement-point close" title="关闭">
            <i class="home-font close"></i>
        </a>
        <a href="<?php echo U('Home/Index/countList');?>" class="home-settlement-point" style="width: 1920px; height: 120px; left: 0px; top: 0px;" target="_blank"  ></a>
    </div>
</div>
<script type="text/javascript">
    $(function(){
        setTimeout(function () {   
        $('#homeSettlement').remove();  
    }, 10000);  
        
    })
</script>
<header class="layout-header clearfix" style="height: auto;" id="layoutHeader">
    <div class="mzcontainer">
        <div class="layout-header-logo" style=" width: 164px; padding: 10px 0;"> 
        <a  href="javascript:;" class="layout-header-logo-link" style="width: 134px;"><img src="/Public/index/images/logo.png" style="width: 150px; display: inline-block;
    
     height: auto; 
    margin-top: 27px;" > </a> </div>

            <ul class="layout-header-service clearfix" style="float: right;">
                <li class="layout-header-service-item layout-header-service-search mz-autocomlete" id="layoutHeaderSearch">
                    <input class="mz-autocomlete-input" placeholder="请输入产品名">
                    <i class="layout-font layout-font-search search-btn"></i></li>
                <li class="layout-header-service-item" id="layoutHeaderUser" style="height: 100px;">
                    <?php if(session('userInfo')): ?><a class="layout-header-service-link" href="<?php echo U('Home/Person/index');?>" data-mtype="wmz_public_yt_mycenter"> <img src="" alt=" " class="layout-header-service-avatar"> </a>
                        <?php else: ?>
                        <a class="layout-header-service-link" href="<?php echo U('Home/Shop/login');?>" data-mtype="wmz_public_yt_mycenter"> <img src="" alt=" " class="layout-header-service-avatar"> </a><?php endif; ?>
                    <ul class="meizu-header-user-dropdown">

                        <?php if(session('userInfo')): ?><li><a href="<?php echo U('Home/Person/order');?>">我的订单</a></li>
                            <li><a href="<?php echo U('Home/Shop/quit');?>">退出</a></li>
                            <?php else: ?>
                            <li><a href="<?php echo U('Home/Shop/login');?>" id="all">立即登录</a></li>
                            <li><a href="<?php echo U('Home/Shop/register');?>">立即注册</a></li><?php endif; ?>
                    </ul>
                </li>
                <li class="layout-header-service-item layout-header-service-cart" id="layoutHeaderCart"> <a class="layout-header-service-link" href="<?php echo U('Index/Shop/shop_cart');?>" data-mtype="wmz_public_yt_cart"> <i class="layout-font layout-font-cart1"></i> <span class="layout-header-service-cart-num">0</span> </a> </li>
            </ul>

        <ul class="layout-header-nav clearfix" id="layoutHeaderNav" style="float: left; margin-left: 20%;margin-top: -63px;">
            <li class="layout-header-nav-item"> <a href="/" class="layout-header-nav-link" >首页</a> </li>
            <li class="layout-header-nav-item"> <a href="<?php echo U('Home/Shop/index');?>" class="layout-header-nav-link" >商城首页</a> </li>
            <li class="layout-header-nav-item"> <a href="javascript:;" class="layout-header-nav-link" >资料下载</a> </li>
            <li class="layout-header-nav-item"> <a href="<?php echo U('Home/Index/aboutus',array('id'=>58));?>" class="layout-header-nav-link" >关于我们</a> </li>
            <li class="layout-header-nav-item"> <a href="<?php echo U('Home/Index/news');?>" class="layout-header-nav-link" >新闻中心</a> </li>
            <li class="layout-header-nav-item"> <a href="<?php echo U('Home/Index/hotTech');?>" class="layout-header-nav-link" >热流道技术</a> </li>
            <li class="layout-header-nav-item"> <a href="<?php echo U('Home/Index/clientFace');?>" class="layout-header-nav-link" >客户面对面</a> </li>
        </ul>
        <div class="layout-header-nav-downmenu" id="layoutHeaderNavDownmenu"></div>
    </div>
</header>
<script>
    $(".search-btn").click(function () {
        var shopName=$(".mz-autocomlete-input").val();
        if($(".mz-autocomlete-input").val()==""){
            alert('请输入搜索产品关键字');
            return false;
        }else{
            location.href="/index.php/Home/Shop/search?goodName="+shopName;
        }
    })
</script>

<link rel="stylesheet" href="/Public/shop/css/detail.css">
 <script src="/Public/index/js/jquery-1.8.3.min.js"></script>
 <style>
.li1{
float: left;
padding:5px 10px;
margin-right: 12px;
border: 1px solid #eee;
}
.li2{
float: left;
padding:5px 10px;
margin-right: 12px;
border: 1px solid transparent;
}
.active{
    /*border: 1px solid red;*/
}
.active2{
    border: 1px solid red;
}
.layout-header .layout-header-service {
    float: right;
    height: 152px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 </style>
<!--content-->
<main class="wrapper page-detail" style="    position: relative;
    width: 100%;
    z-index: 998;
    height: auto;
    background-color: #fff;">
            <div class="container">
                <section class="crumbs clearfix">
                            <a data-mtype="store_de_mbx_1" href="<?php echo U('Index/Shop/index');?>">首页</a>&nbsp;&gt;&nbsp;
                            <a class="ellipsis crumbs-title" href="<?php echo U('Index/Shop/shopList');?>">商城产品页</a>
                </section>
                <section class="row">
					
                    <div class="preview" id="preview">
                        <div class="preview-booth">
                            <a href="javascript:;" id="J_imgBooth">
                                <img src="<?php echo ($proInfo["img_url"]); ?>" height="375" width="375" alt="">
                            </a>
                        </div>
                        <?php if($picList!=null): ?><ul class="preview-thumb clearfix" id="J_previewThumb">
                                <?php if(is_array($picList)): $i = 0; $__LIST__ = $picList;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li><a ><img src="<?php echo ($vo["img_url"]); ?>" width="75" height="75"></a></li><?php endforeach; endif; else: echo "" ;endif; ?>
                            </ul><?php endif; ?>
                    </div>
                    <div class="property" id="property">
                            <div class="property-hd">
                                <!--<h1>参数后台添加</h1>-->
                                <p class="mod-info active"><?php echo ($proInfo["title"]); ?></p>
                            </div>
                            <div class="property-sell">
                                <dl class="property-sell-price clearfix">
                                    <dt class="vm-metatit" id="J_discountTag">原价:<span class="s-space"></span><span class="s-space"></span></dt>
                                    <dd>
                                        <div class="mod-price">
                                            <small style="color:#9e9e9e">¥</small>
                                            <span id="J_price1" class="vm-money jiage" style="color:#9e9e9e"><?php echo ($proInfo["jiage"]); ?></span>
                                        </div>
                                    </dd>
                                </dl>
                                <dl class="property-sell-price clearfix">
                                    <dt class="vm-metatit" id="J_discountTag">折  扣  价：</dt>
                                    <dd>
                                        <div class="mod-price">
                                            <small style="color: red">¥</small>
                                            <span id="J_price2" class="vm-money scjiage" style="color:red"><?php echo ($proInfo["scjiage"]); ?></span>
                                        </div>
                                    </dd>
                                </dl>
                                <!--<dl class="property-sell-coupon clearfix" id="J_prodPromo" style="">-->
                                    <!--<dt class="vm-metatit" style="width: 76px;">优<span class="s-space">惠</span><span class="s-space">券：</span>-->
                                    <!--</dt>-->
                                    <!--<?php if($coupon['sum']!=null): ?>-->
                                        <!--<dd>-->
                                            <!--<p id="J_promoInner">-->
                                                <!--<span class="vm-tag multiple"><em>满<?php echo ($coupon["sum"]); ?>减<?php echo ($coupon["jian"]); ?></em></span></p>-->
                                        <!--</dd>-->
                                        <!--<?php else: ?>-->
                                        <!--<dd>-->
                                            <!--<p id="J_promoInner2">-->
                                                <!--<span class="vm-tag multiple"><em>该商品未设置满减优惠券</em></span></p>-->
                                        <!--</dd>-->
                                    <!--<?php endif; ?>-->
                                <!--</dl>-->

                            </div>
                                
                            <div class="property-buy">

                                <p class="vm-message" id="J_message"></p>
                                <dl class="property-buy-quantity">
                                    <dt class="vm-metatit" style="width: 83px;">数量：<span class="s-space"></span><span class="s-space"></span>
                                    </dt>
                                    <dd class="clearfix">
                                        <div class="mod-control">
                                            <a title="减少" href="javascript:;" class="vm-minus ">-</a>
                                            <input type="hidden" id="pid" value="<?php echo ($proInfo["id"]); ?>">
                                            <input type="text" value="1" id="J_quantity" data-max="100">
                                            <a title="增加" href="javascript:;" class="vm-plus">+</a>
                                        </div>
                                    </dd>
                                </dl>

                                <ul id="ul1">

                            <li class="li2" style="font-weight: bold">规格:</li>
                            <?php if(is_array($stock)): $i = 0; $__LIST__ = $stock;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li class="li1" id = "<?php echo ($vo["id"]); ?>"><?php echo ($vo["type"]); ?></li><?php endforeach; endif; else: echo "" ;endif; ?>
                                </ul>
                             
                                <script>
        $(".li1").click(function(e){
            e.preventDefault();
             $(this).addClass('active2');
             $(this).siblings().removeClass("active2");
             var _this = $(this);
             var id = _this.attr('id');
            var url = "/index.php/Home/Shop/stock/id/"+id;
            // alert(_this.attr('id'));
            $.get(url,{},function(e){
                console.log(e);
                $('.jiage').html(e.price);
                $('.scjiage').html(e.discount);
                $('#headclass').html('￥'+e.discount);
            },'json');
        });

 </script>
                                <br>
                                <div class="property-buy-action">

                                    <a data-mtype="store_de_buy" href="javascript:void(0);" id="J_btnBuy" class="btn btn-danger btn-lg mr20">立即购买</a>
                                    <a data-mtype="store_de_cart" href="javascript:;" id="J_btnAddCart" class="btn btn-primary btn-lg hide" style="display: inline-block;"><i></i>加入购物车</a>

                                    <span class="vm-service" id="J_panicBuyingWrap"></span>
                                </div>
                            </div>
                             
                            </div>
                          
                        <!--<div class="prod-addition">-->
                            <!--<input type="hidden" id="servertime" value="1510381311701">-->

                            <!--<div class="layer-promo" id="layerPromo" style="display:none;">-->
                                <!--<div class="layer-promo-hd">-->
                                    <!--领取优惠券-->
                                    <!--<a class="vm-close" id="J_promoClose" href="#">-->
                                        <!--╳-->
                                    <!--</a>-->
                                <!--</div>-->
                                <!--<div class="layer-promo-bd">-->
                                    <!--<dl class="discount-coupon" id="J_discountCoupon">-->

    <!--<dd class="discount-coupon-item clearfix multiple">-->
        <!--<div class="mod-btn">-->
            <!--<a class="vm-btn" data-key="8580001009">立即领取</a>-->
        <!--</div>-->
        <!--<div class="mod-bd clearfix">-->
            <!--<p class="mod-bd-value">-->
                <!--<span class="vm-amount"><sup>¥</sup>20.00</span>-->
                <!--<em>-->

                <!--(多品券)-->

                <!--</em>-->
            <!--</p>-->
            <!--<p class="mod-bd-name">-->
                <!--<span class="vm-name">双十一大促优惠券</span>-->
                <!--<span class="vm-claim">满699可用</span>-->
            <!--</p>-->
            <!--<p class="mod-bd-info">-->
                <!--<span>2017.11.01 00:00 - 2017.11.12 00:00</span>-->
                <!--<span class="vm-range ellipsis">适用范围：温控器-温控器E、温控器-温控器MAX、温控器-温控器5、温控器-温控器5礼盒版、温控器-温控器 X</span>-->

                <!--<a class="vm-more" target="_blank" href="">查看适用&gt;</a>-->

            <!--</p>-->
        <!--</div>-->
    <!--</dd>-->
<!--</dl>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    </div>
                </section>
            </div>
            <div class="detail-tab anim detail-fast-float" id="detailFast">
                <div class="fixed-container">
                    <ul class="clearfix">
                        <li class="current">
                            <a href="#">商品详情</a>
                        </li>
                        <li class="">
                            <a href="#">规格参数</a>
                        </li>
                            <li class="">
                                <a href="#">常见问题</a>
                            </li>
                    </ul>
                    <!--<div class="shortcut trans">-->
                        <!--<div class="shortcut-con trans">-->
                            <!--<div class="mod-buy">-->
                                <!--<a data-mtype="store_de_buynow" href="javascript:void(0);" id="J_btnBuyShortcut" class="btn btn-primary btn-lg"><i></i>现在购买</a>-->
                            <!--</div>-->
                            <!--<div class="mod-total trans">-->
                            <!--温控器 Note6<em class="vm-price" id="J_totalPriceShortcut">￥1499.00</em>-->
                                <!--<p class="vm-title" id="J_summaryName">全网通公开版 孔雀青 4GB+32GB 官方标配</p>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="mod-title">

                    </div>
                </div>
            </div>
           
        </main>
	 <section class="row detail" id="detail">
                <div style="height:62px;">
                    <div class="detail-tab" id="detailTabFixed">
                        <div class="fixed-container">
                            <ul class="clearfix" >
                                <li >
                                    <a data-mtype="store_de_xq_1">商品详情</a>
                                </li>
                                <li class="">
                                    <a data-mtype="store_de_xq_2" >规格参数</a>
                                </li>
                                    <li class="">
                                        <a data-mtype="store_de_xq_3">常见问题</a>
                                    </li>
                            </ul>

                        </div>
                    </div>
         </div>
                <div class="detail-content container" id="container">
                    <div class="introduce current" id="introduce" >
                        <?php echo ($proInfo["content"]); ?>
                    </div>
                    <div class="standard" id="standard" style="display: none;">
                        <table class="standard-table">
                            <tbody>
                                <?php if(is_array($proNotice)): $i = 0; $__LIST__ = $proNotice;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><tr class="standard-table-group">
                                        <th colspan="2"><?php echo ($vo["class_name"]); ?></th>
                                    </tr>
                                    <tr>
                                        <th><?php echo ($vo["pname"]); ?></th>
                                        <td><?php echo ($vo["ptext"]); ?></td>
                                    </tr><?php endforeach; endif; else: echo "" ;endif; ?>
                            </tbody>
                        </table>
                    </div>
                    <div class="question" id="question" style="display: none;">
                            <div class="question-list">
                                <h2>热门回答</h2>
                                    <?php if(is_array($wtList)): $i = 0; $__LIST__ = $wtList;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><dl class="mod-item">
                                            <dt class="vm-question">
                                                <?php echo ($vo["title"]); ?>
                                            </dt>
                                            <dd class="vm-answer">
                                               <?php echo ($vo["content"]); ?>
                                            </dd>
                                        </dl><?php endforeach; endif; else: echo "" ;endif; ?>
                            </div>
                        </div>
                </div>
            </section>
<!--video	-->
<div id="video" class="home-video-box xm-plain-box J_itemBox J_videoBox is-visible">
	<div class="box-hd">
		<h2 class="title">猜你喜欢</h2>
		<!-- <h2 class="title">今晚滑雪多快乐，我们坐在雪橇上  ︿(￣︶￣)︿</h2>
		 -->

	</div>
	<div class="box-bd J_brickBd">
		<ul class="video-list clearfix">
            <?php if(is_array($tjList)): $i = 0; $__LIST__ = $tjList;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li class="video-item video-item-first">
                    <div class="figure figure-img">
                        <a class="J_videoTrigger exposure" href="<?php echo U('Index/Shop/article',array('id'=>$vo['id']));?>" ><img src="<?php echo ($vo['img_url']); ?>" style="display: inline-block;width: 220px;height: 300px"></a>
                    </div>
                    <h3 class="title"><a class="J_videoTrigger" href="<?php echo U('Index/Shop/article',array('id'=>$vo['id']));?>" title="" target=""><?php echo (cutStr($vo["title"],10,0,1)); ?></a></h3>
                    <p class="desc">简介：<?php echo (cutStr($vo["miao"],100,0,1)); ?><a href="" target="">查看详情</a></p>
                    </li><?php endforeach; endif; else: echo "" ;endif; ?>
		</ul>
	</div>
</div>

	
<!--conntent-->

<style>
.am-icon-wechat:before, .am-icon-weixin:before {
    content: "";
}
.layout-magnet-text{
    margin-left:8px;
}
.layout-magnet .layout-magnet-cart-num{
        right: 50px;
}
.layout-footer .layout-footer-media {
    float: right;
    margin-right: 63px;
}
</style>
<footer class="layout-footer">
    <div class="mzcontainer">
        <section class="layout-footer-top clearfix">
            <ul class="layout-footer-services clearfix">
                <?php if(is_array($footSerList)): $i = 0; $__LIST__ = $footSerList;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li class="layout-footer-services-item">
                        <a href="javascript:;" class="layout-footer-services-link" >
                            <span class="layout-footer-service-wrap"><i class="layout-font layout-font-foot5"></i></span> <span class="layout-footer-services-text"><?php echo ($vo["class_name"]); ?></span>
                        </a>
                    </li><?php endforeach; endif; else: echo "" ;endif; ?>
            </ul>
            <div class="layout-footer-contact" style="margin-bottom: 16px;">
                <p class="layout-footer-contact-desc">24小时全国服务热线</p>
                <a href="tel:<?php echo ($info["shouji"]); ?>" class="layout-footer-contact-tel"><?php echo ($info["shouji"]); ?></a>
                <p> <a href="javascript:void(0);"  class="layout-footer-contact-online" > <i class="layout-font layout-font-talk1"></i><span class="text">在线客服</span> </a> </p>
            </div>
        </section>
        <section class="layout-footer-bottom clearfix" style="    margin-top: -78px;">
            <ul class="layout-footer-interlock clearfix">
                <li class="layout-footer-interlock-item"> <a href="javascript:;" target="_blank" class="layout-footer-interlock-link">招聘信息</a> </li>
                <li class="layout-footer-interlock-item"> <a href="<?php echo U('Index/Index/aboutus',array('id'=>58));?>" target="_blank" class="layout-footer-interlock-link">关于我们</a> </li>
                <li class="layout-footer-interlock-item"> <a href="<?php echo U('Index/Index/aboutus',array('id'=>59));?>" target="_blank" class="layout-footer-interlock-link">联系我们</a> </li>
            </ul>
            <div class="layout-footer-copyright clearfix"> <span class="layout-footer-copyright-left">
                <a class="layout-footer-copyright-link copyright-text"><?php echo ($info["power_by"]); ?></a>
                <a class="layout-footer-copyright-link" hidefocus="true" target="_blank"></a>
               <a class="layout-footer-copyright-link"  target="_blank"><?php echo ($info["record_num"]); ?></a>
                 </span>
                <ul class="layout-footer-media clearfix">
                    <li class="layout-footer-media-item"> <a href="" class="layout-footer-media-link"> <i class="layout-font layout-font-weibo"></i> </a> </li>
                    <li class="layout-footer-media-item"> <a href="javascript:void(0);" class="layout-footer-media-link wechat"> <i class="layout-font layout-font-wechat"></i>
                        <div class="layout-footer-media-wechat-qrcode"> <img class="layout-footer-media-wechat-img" src="<?php echo ($info["weixin"]); ?>" alt="微信二维码"> </div>
                    </a> </li>
                    <li class="layout-footer-media-item"> <a href="" class="layout-footer-media-link"> <i class="layout-font layout-font-qzone"></i> </a> </li>
                </ul>
            </div>
        </section>
    </div>
</footer>

<!--<div class="layout-user-downmenu">-->
    <!--<ul class="layout-user-downmenu-list">-->
        <!--<li class="layout-user-downmenu-item"> <a href="" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_login">立即登录</a> </li>-->
        <!--<li class="layout-user-downmenu-item"> <a href="" target="_blank" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_register">立即注册</a> </li>-->
        <!--<li class="layout-user-downmenu-item"> <a href="" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_myorder">我的订单</a> </li>-->
        <!--<li class="layout-user-downmenu-item"> <a href="" class="layout-user-downmenu-link" data-mtype="wmz_public_grzx_mformy">M码通道</a> </li>-->
    <!--</ul>-->
<!--</div>-->

<div class="layout-magnet" style="bottom: 100px; right: 11px;">
<p class="close"><a href="#">X</a></span>
<script>
$(".close").click(function(){
    $(".layout-magnet").css("display","none");
})
</script>
    <ul class="layout-magnet-list"    style="width: 55px;">
        <li class="layout-magnet-item1" style="background-color: rgba(0,0,0,0.3);margin-bottom: 1px;"> <a href="shop_cart.html" class="layout-magnet-link" data-mtype="wmz_public_cbxf_cart">
            <div class="layout-magnet-icon"> <i class="layout-font layout-font-cart"></i> </div>
          
            <span class="layout-magnet-cart-num" id="storeMagnetCartNum" style="right:12px;top:50px"> <span class="layout-magnet-cart-text"><?php echo count(session('cartNum'));;?></span> </span> </a> </li>
        <li class="layout-magnet-item layout-magnet-item-app" style="background-color: rgba(0,0,0,0.3);"> <a href="javascript:void(0);" class="layout-magnet-link">
          
            <div class="layout-magnet-text">公众号</div>
            <div class="layout-magnet-download" style="right:98px">
                <div class="layout-magnet-download-body"> <img src="/Public/shop/images/qrcode-33xxe5b72a.png" class="layout-magnet-qrcode" alt="QRCode">
                    <p class="layout-magnet-download-text" style="margin-top: 2px;">扫码关注公众号</p>
                </div>
            </div>
        </a> </li>
        <li class="layout-magnet-item1 layout-magnet-item-top" style="background-color: rgba(0,0,0,0.3);;"> <a href="javascript:void(0);" class="layout-magnet-link" data-mtype="wmz_public_cbxf_top" id="test">
            <div class="layout-magnet-icon"> <i class="layout-font layout-font-top"></i> </div>
    <script>
test.onclick = function(){
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
</script>

        </a> </li>
    </ul>
    <a class="layout-magnet-minimize layout-magnet-icon layout-magnet-link" href="javascript:void(0);"> <i class="layout-font layout-font-minimize"></i> </a> </div>
</body>
</html>
<script src="js/scroll.js"></script>
<script>
    $(function(){
        $('#homeCategory li ').mouseover(function(){ $(this).children('div').show();}).mouseout(function(){ $(this).children('div').hide();})
        $('#layout-magnet-text').click(function(){$("html,body").animate({scrollTop:0}, 500);})
        $('.home-floor-content').each(function(v,k){
            $('.home-floor-content').eq(v).children('div').children('div').children('a').mouseover(function(){
                $(this).addClass('active').siblings().removeClass('active');
                $('.home-floor-content-list').eq(v).children('ul').eq($(this).index()).addClass('active').siblings().removeClass('active');
            })
        });


    })

    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 1,
        spaceBetween: 0,
        keyboard: {
            enabled: true,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },

    });

    var swiperbbc = new Swiper('.swiper-containeredian', {
        slidesPerView: 5,
        spaceBetween: 0,
        keyboard: {
            enabled: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });
</script>
 

<script>
    $(function () {
        //加入购物车
        $("#J_btnBuy,#J_btnAddCart,.btn").click(function () {
            var num=$("#J_quantity").val();
            var pid=$("#pid").val();
            var sid=$(".active2").attr('id');
            if(typeof(sid) == 'undefined'){
                //alert('请选择规格');return false;
            }
            var price=$("#J_price1").html();
            var scjiage=$("#J_price2").html();
            var url="/index.php/Home/Shop/member_car";
            $.post(url, {
                pid:pid,
                num:num,
                price:price,
                scjiage:scjiage,
                sid:sid,

            }, function(response) {
                if(response.status==1){
                    location.href = "/index.php/Home/Shop/shop_cart";
                }else{
                    alert(response.msg);
                    location.href='/index.php/Home/Shop/login';
                }
            }, 'json');
        })
    })
</script>

<script>
    $(function(){
$('#site-selector').mouseover(function(){$(this).addClass('hover')}).mouseout(function(){
$(this).removeClass('hover')
})
$('#J_previewThumb li:first').addClass('current')
$('#J_previewThumb li img').mouseover(function(){
$(this).parent().parent().addClass('current').siblings().removeClass('current');
$('#J_imgBooth img').attr('src',$(this).attr('src'));
})
$('.vm-sale-img').click(function(){
$(this).addClass('selected').siblings().removeClass('selected')
})
/*********/
	$('#layout-magnet-text').click(function(){$("html,body").animate({scrollTop:0}, 500);})	
						$('#container div:first').show();$('#detailTabFixed li:first').addClass('current');	
					$('#detailTabFixed li').click(function(){
					$(this).addClass('current').siblings().removeClass('current');	
					
					$('#container div').eq($(this).index()).show().siblings().hide();	
					})

$('#JD-stock .tab>li').click(function(){
$(this).addClass('curr').siblings().removeClass('curr');
$("#JD-stock .site-area-item").eq($(this).index()).show().siblings().hide();	
})	
$('.mod-control a').eq(1).click(function(){
	//disabled
	if($('#J_quantity').val()>=100){
		$(this).addClass('disabled');
		
		return false;
	}else{
		$('.mod-control a').eq(0).removeClass('disabled');
		$(this).removeClass('disabled');
	}
	$('#J_quantity').val(parseInt($('#J_quantity').val())+1)
 })		
$('.mod-control a').eq(0).click(function(){
	if($('#J_quantity').val()<=1){
		$(this).addClass('disabled');
		return false;
	}else{
		$(this).removeClass('disabled');
		$('.mod-control a').eq(1).removeClass('disabled');
	}
	$('#J_quantity').val(parseInt($('#J_quantity').val())-1)
 })				
})

</script>